<style type="text/css">
  #fileInput{
    position:relative;
    right: 0px;
    opacity: 0;
    /*-ms-filter: 'alpha(opacity=0)';*/
    filter:alpha(opacity=0);
  }
</style>

<ion-content>
  <item class="item item-icon-left" style="text-align: left">
    <i class="icon ion-clipboard"></i>
    上刊单
  </item>
  <div class="content no-header">
    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
      <div class="col" style="border-right: none;border-bottom: none">
        <div class="col-demo" style="font-size: 15px;">单据号 : {{billDetailData.billNo}}</div>
      </div>
    </div>
    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
      <div class="col" style="border-top: none;border-bottom: none">
        <div class="col-demo" style="font-size: 15px;">资源类型 : {{transData.mediaName}}</div>
      </div>
    </div>
    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
      <div class="col" style="border-top: none;border-bottom: none">
        <div class="col-demo"　style="font-size: 15px;">客户名称 : {{billDetailData.customerName}}</div>
      </div>
    </div>
    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
      <div class="col" style="border-top: none;border-bottom: none">
        <div class="col-demo"　style="font-size: 15px;">联系电话 : {{billDetailData.contactsPhone}}</div>
      </div>
    </div>
    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
      <div class="col" style="border-top: none;border-bottom: none">
        <div class="col-demo"　style="font-size: 15px;">开始时间 : {{billDetailData.publishTime}}</div>
      </div>
    </div>
    <div class="row" style="padding:0;">
      <div class="col" style="border-top: none;">
        <div class="col-demo"　style="font-size: 15px;">结束时间 : {{billDetailData.publishOffTime}}</div>
      </div>
    </div>
    <div ng-show="billDetailData.publishImgs != undefined && billDetailData.publishImgs.length > 0">
      <div class="row" style="padding : 0;">
        <div class="col" style="border-top: none;padding-top: 0">
          <div class="col-demo">
            <span  class="positive" style="border-top:none">
              <i class="ion-images"></i>
              样刊图片
              <span class="color-demo positive-bg positive-border"></span>
            </span>
          </div>
        </div>
      </div>
      <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
        <div class="col" style="border-top: none;border-right: none;border-left: none;" ng-repeat="publishImg in billDetailData.publishImgs">
          <div class="col-demo" style="text-align: center">
            <img ng-src="{{nginxPath + publishImg.path}}" width="40px" height="35px" ng-click="viewMediaImg(publishImg.path)">
          </div>
        </div>
      </div>
    </div>
    <div ng-show="billDetailData.path != undefined && billDetailData.path != '' ">
      <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
        <div class="col" style="border-top: none">
          <div class="col-demo">
            <span  class="positive" style="border-top:none">
              <i class="ion-image"></i>
              完工照
              <span class="color-demo positive-bg positive-border"></span>
            </span>
          </div>
        </div>
      </div>
      <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
        <div class="col" style="border-top: none;border-right: none;border-left: none;">
          <div class="col-demo" style="text-align: center">
            <img ng-src="{{nginxPath + billDetailData.path}}" width="40px" height="35px" ng-click="viewMediaImg(billDetailData.path)">
          </div>
        </div>
      </div>
    </div>

  </div>

  <div id="rightDisplay" ng-if="bigImage" class="col-center"
       ng-style="imgDivStyle"
       ng-click="hideBigImage()"
       on-swipe-left="swipeLeft()"
       on-swipe-right="swipeRight()">
    <img class="img-responsive"
         ng-style="imgStyle"
         ng-src="{{Url}}"/>
  </div>



  <div ng-show="showDetail">
    <!--图片-->
    <div style="color:#E8E0E0;text-align: center;border-top: 1px solid">
      <div class="row" style="text-align:center;">
        <div class="col col-25 ng-uploader" style="height: 70px;border:1px dashed #E5E5E5" ed-uploader data-options="text:' 选择图片',accept : 'image/*'"
             ng-model="detail.file">
        </div>
        <div ng-if="detail.file != undefined && detail.file.path != undefined" class="col col-25" style="height: 70px;margin-left: 5px;border:1px dashed #E5E5E5" ng-click="showBig(detail.file.path)">
          <img ng-src="{{nginxPath + detail.file.path}}" style="width:100%;height: 70px;margin-top: -6px;"/>
        </div>
      </div>
    </div>
    <!--备注-->
    <div>
      <label class="item item-input" style="border: none;width: 100%;">
        <textarea placeholder="请输入备注" ng-model="detail.comment" style="border:1px solid #E7E7E7;width:102%;height: 120px;margin-left: -10px;padding: 5px;"></textarea>
      </label>
    </div>

    <!--<div class="item item-input">-->
      <!--<div class="input-label" style="width: 78px;">-->
        <!--检查结果:-->
      <!--</div>-->
      <!--<div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;width: 210px;">-->
        <!--<div class="col" style="border-right: none;border-bottom: none;padding: 0">-->
          <!--<label class="item item-radio" style="width: 125px;">-->
            <!--<input type="radio" name="checkResult" value="1" checked="checked">-->
            <!--<div class="item-content positive">-->
              <!--符合-->
              <!--<span class="color-demo positive-bg positive-border"></span>-->
            <!--</div>-->
            <!--<i class="radio-icon ion-checkmark" style="padding: 11px 38px 14px"></i>-->
          <!--</label>-->
        <!--</div>-->
        <!--<div class="col" style="border-left: none;border-bottom: none;padding: 0;margin-left: -32px;">-->
          <!--<label class="item item-radio" style="width: 130px;">-->
            <!--<input type="radio" name="checkResult" value="0">-->
            <!--<div class="item-content positive" style="width: 130px;">-->
              <!--不符合-->
              <!--<span class="color-demo positive-bg positive-border"></span>-->
            <!--</div>-->
            <!--<i class="radio-icon ion-checkmark" style="padding: 11px 21px 14px"></i>-->
          <!--</label>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
    <div style="border: 1px solid #E7E7E7;margin:5px 5px 0 5px;padding: 5px 0 5px 5px" >
      <span style="margin-left:5px;font-size: 18px;">
        检查结果:
      </span>
      <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;width: 100%">
        <div class="row">
          <div class="col col-25" style="border: 1px solid #7BBFF9;text-align: center" onclick="resultCheck(this,'1')">
            <a style="color:#6CB8F8;font-size: 15px;" href="javascript:void(0)" >符合</a>
          </div>
          <div class="col col-25" style="margin: 0 5px 0 5px;border: 1px solid #E7E7E7;text-align: center" onclick="resultCheck(this,'0')">
            <a style="color:#959595;font-size: 15px;" href="javascript:void(0)">不符合</a>
          </div>
        </div>

      </div>
    </div>
    <div style="width: 100%;padding-top: 5px;padding-bottom: 5px;">
      <button ng-click="resCheckSubmit()" class="button button-positive" style="margin:0 5px 0 3px; width: 98%">提交</button>
    </div>

  </div>
</ion-content>

